<template>
  <div class="error-box">
    <p>
      <van-icon size="60" color="red" name="warning-o" />
    </p>
    <p>请在企业微信中打开应用</p>
  </div>
</template>

<script>
import { Icon } from 'vant';

export default {
  name: 'Error',
  components: {
    [Icon.name]: Icon,
  },
};
</script>

<style lang="less" scoped>
.error-box {
  display: flex;
  padding: 80px 0;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;

  p {
    text-align: center;
  }
}
</style>
